// Parent2.jsx 父组件(子父组件传值)
import { Component } from 'react'
import '../assets/css/Parent.css'
import Child from './Child2'

export default class Parent2 extends Component {

  state = {
    fromChild: '等待接收数据'
  }

  // 声明接收数据的函数
  csData (data) {
    this.setState({
      fromChild: data
    })
    // this.state.fromChild = data // 修改数据
    // this.setState({}) // 刷新页面组件
  }

  render () {
    return (
      <div className='container'>
        <h2>父组件</h2>
        <p>来自子组件的数据: {this.state.fromChild}</p>
        <hr />
        {/* 子父组件传值：将接受数据的函数,当成自定义属性传递给子组件 */}
        <Child csData={this.csData.bind(this)}></Child>
      </div>
    )
  }
}
